<ion-content class="modal-qr-scanner"  no-bounce >
  <close-popup color="white" (closePopUp)="dismiss()"></close-popup>

  <div class="transparent-bg scanner-top">
    <p>对准二维码，即可自动扫描</p>
  </div>
  <div class="scanner-content">
    <div class="transparent-bg scanner-left"></div>
    <div class="scanner-box">
      <div class="angle angle-top-left"></div>
      <div class="angle angle-top-right"></div>
      <div class="angle angle-bottom-right"></div>
      <div class="angle angle-bottom-left"></div>
      <div class="aimate-line"></div>
    </div>
    <div class="transparent-bg scanner-right"></div>
  </div>
  <div class="transparent-bg scanner-bottom">
  </div>
</ion-content>